<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="ext/resources/css/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="ext/ext-all.js"></script>

<script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
</head>
<script type="text/javascript"> 
        Ext.onReady(function(){  
            var grid=new Ext.grid.PropertyGrid({  
                title:"系统基本配置",  
                autoHeight:true,  
                autoWidht:true,   
                renderTo:'grid',  
                source:{  
                    "系统名称":"燃气收费管理系统",  
                    "完成时间":new Date(Date.parse('01/01/2015')),  
                    "是否有效":false, 
                    "所用语言":"java",
                    "支持系统":"widows xp以上",
                    "浏览器支持":"IE6以上所有浏览器",
                    "数据库版本":"MySQL5.6",
                    "服务器":"tomcat8",
                    "jre版本":"1.7",
                    "版本号":.23,  
                    "描述":"燃气公司收费管理系统，供内部管理人员进行对用户的信息,财务管理,维护维修信息的管理"  
                }  
            });   

	});
</script>
<body>
<div id="grid"></div>
</body>

</html>